﻿<script>
	$(function() {
		//获得slider插件对象
		var gallery = mui('.mui-slider');
		gallery.slider({
			interval: 2599 + 22 //自动轮播周期，若为0则不自动播放，默认为0；
		});
	});
</script>
<style>
	.fandajin-btn {
		float: right;
		background: url(<?php echo APP_TEMPLATES_URL;?>/images/index_09.png) no-repeat center;
		position: relative;
		margin-top: 6px;
		z-index: 9;
		margin-left: -15%;
		left: -3.5%;
		height: 28px;
		width: 22px;
		background-size: 22px;
		border: none;
	}
	
	.mui-bar .mui-title {
		left: 45px !important;
	}
</style>

<!-- 主体内容 -->
<section>

	<!-- banner -->
	<div id="slider" class="mui-slider mui-active">
		<div id="shangpinxiangqing" class="mui-slider-group mui-slider-loop">
			<!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/22.jpg">
				</a>
			</div>
			<!-- 第一张 -->
			<div class="mui-slider-item">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/22.jpg">
				</a>
			</div>

			<!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
			<div class="mui-slider-item mui-slider-item-duplicate">
				<a href="#">
					<img src="<?php echo APP_TEMPLATES_URL;?>/images/22.jpg">
				</a>
			</div>
		</div>

	</div>

	<!-- 公告 -->
	<div style="padding: 12px 10px; background: #f8f8f8; font-size: 14px; border-bottom: 1px solid #f4f4f4;" class="mui-input-row mui-search">
		<form id="togao" method="get" action="index.php">
		<button class="fandajin-btn" href="index.php" type="submit"></button>
			<input id="act" name="act" type="hidden" value="search" />
			<input id="op" name="op" type="hidden" value="index" />
			<input id="sousuo" name="keyword" style="padding-left: 15px; width: 100%;height: 40px; border: 1px solid #e8e8e8; border-radius: 3px;" type="text" placeholder="商品搜索：请输入商品关键字" />
		</form>
	</div>

	<style>
		@media (device-width:320px) and (-webkit-min-device-pixel-ratio:2) {
			.goodsul .fl {
				font-size: 12px !important;
			}
			.goodsul .fr {
				font-size: 12px !important;
			}
		}
		
		nav.indexm i {
			display: inline-block;
			width: 40px;
			height: 40px;
			background: url(<?php echo APP_TEMPLATES_URL;?>/images/nav2.png) no-repeat;
			background-size: 200px 80px;
			border: 0px solid #FFFFFF;
		}
		
		nav.indexm {
			background: #EEEEEE;
			border-top: 1px solid #DDDDDD;
		}
		
		nav.indexm a.curr {
			color: #c0a062;
		}       

        .line-height img.heightfirst{
            padding: 0 0 0 0;
        }
        .height69{ height: 64px !important;}

	</style>

	<div style="clear: both;"></div>
</section>

<div class="line-height" style="line-height: 0;">

	<img class="heightfirst" style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/1.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/3.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/4.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/5.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/6.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/7.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/8.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/10.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/11.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/12.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/13.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/14.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/15.jpg">
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/9904.jpg">
	<div style="text-align: center;padding: 10px;">
		<a href="index.php?act=index&op=index3"><img style="width: 35%;" src="<?php echo APP_TEMPLATES_URL;?>/images/one.png"/></a>
	</div>
	<!--
    	作者：1256149364@qq.com
    	时间：2017-03-07
    	描述：分开前
    
	<table width="100%">
		<tr>
			<td width="70%"><img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/222_08.jpg"></td>
			<td width="30%" style="vertical-align: top;"><img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2_10.jpg">
				<div style="text-align: center;">
					<p style="text-decoration:line-through;">原价￥：<label style="color: #b21f2d;">2199</label></p>
					<p>现价￥：<label style="color: #b21f2d; font-size: 19px;">1799</label>&nbsp;起</p>
				</div>
			</td>
		</tr>
	</table>
	<img style="width: 100%;" src="<?php echo APP_TEMPLATES_URL;?>/images/2_07.jpg">
		-->
</div>